<div id="search-from-all-vocabularies" class="boxed">
  <span class="header-text-small-font search-all-vocabs">{% trans "Hae kaikista sanastoista: " %}</span>
		 {%  include "searchbar.twig" %}	
</div>
<div id="vocabulary-list" class="boxed">
	  {# some kind of error handling #}
	  {% if vocabList is not defined or vocabList|length == 0 %}
    <span class="header-text-small-font" id="vocab-status">{% trans "Ei sanastoja ONKI-palvelimella!" %}</span>
	  {% else %}
    <span class="header-text-small-font" id="vocab-status">{% trans "Sanastot ONKI-palvelimella" %}</span>
    	{% for vocabClassName,vocabArray in vocabList %}
    <div class=vocab-class>
      <div id="vocab-description">
        <span class="header-text-small-font">{{ vocabClassName }}</span>
      </div>
      <div class="vocab-link">
    		  {% for vocab in vocabArray %}
          <a href="{{path_fix}}{{ vocab.id }}/{{ lang }}">{{ vocab.title }}</a><br>
    		  {% endfor %}
        </div>
        <br>
      </div>
    	{% endfor %}
	  {% endif %}
</div>
